<template>
	<view class="empty-data">
		<view class="empty-data-icon">
			<image src="/static/img/site/empty.png"/>
		</view>
		<view class="empty-data-msg">
			<view>暂无数据</view>
			<view>{{showtip}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'empty',
		props: {
			showtip: {
				type: String,
				default () {
					return '';
				}
			},
		},
		data() {
			return {

			};
		},
	}
</script>

<style>
.empty-data{width:100%;position:absolute;top:50%;transform: translateY(-50%);height:auto;}
.empty-data>.empty-data-icon{width:160px;height:160px;margin:0 auto;}
.empty-data>.empty-data-icon>image{width:160px;height:160px;}
.empty-data>.empty-data-msg{font-size:28upx;margin:0 auto;text-align:center;color:#666666}
.empty-data>.empty-data-msg>view{margin:20rpx 0 0;}
</style>